<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
    "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
    <meta name="author" content="Aria">
    <meta name="copyright" content="Aria">
    <title>照片墙后台管理系统</title>
    <link href="css/bootstrap.min.css" rel="stylesheet" type="text/css"/>
    <link href="css/ie.css" rel="stylesheet" type="text/css"/>
    <link href="css/cropper.min.css" rel="stylesheet" type="text/css"/>
    <link href="css/core.css" rel="stylesheet" type="text/css"/>
    <script src="js/jquery-1.11.1.min.js"></script>
    <script src="js/bootstrap.min.js"></script>
    <script src="js/cropper.min.js"></script>
    <script src="js/ajaxfileupload.js"></script>
    <script src="js/Sortable.min.js"></script>
    <script src="js/jquery.binding.js"></script>
    <script src="js/manage.js"></script>
</head>
<body class="manage">
<div class="manage-wrap">
<!-- Nav tabs -->
<ul class="nav nav-tabs">
    <a class="log-out">注销登录</a>
    <li class="active"><a href="index.html">组别管理</a></li>
    <li><a href="profile.html">员工管理</a></li>
    <li><a href="log.html">系统日志</a></li>
    <li><a href="settings.html">系统设置</a></li>
    <li><a href="undelete.html">回收站</a></li>    
</ul>
<!-- Tab panes -->
<div class="tab-content">


<div class="tab-pane active" id="home">
	<div class="page-header botm">
    	<h1>组别管理<small></small></h1>
    </div>
    <div class="btnmenu">
    	<button type="button" class="btn btn-primary " id="btn-group-add" data-toggle="modal" data-target="#myModa0">新增组别</button>
    </div>
	<table class="table table-hover manage-user">
        <thead><tr><td>顺序</td><td>组别名称</td><td>操作</td></tr></thead>
        <tbody>
        <tr><td>1</td><td>战略发展委员会</td><td><a class="label label-primary user-edit" data-toggle="modal" data-target="#myModa0">编辑</a>  <a class="label label-primary user-delete">删除</a>  <a class="label label-danger" data-toggle="modal" data-target="#myModal">选择人员</a></td></tr>
        <tr><td>2</td><td>后补委员会</td><td><a class="label label-primary user-edit" data-toggle="modal" data-target="#myModa0">编辑</a>  <a class="label label-primary user-delete">删除</a>  <a class="label label-danger" data-toggle="modal" data-target="#myModal">选择人员</a></td></tr>
        <tr><td>3</td><td>正式管理层</td><td><a class="label label-primary user-edit" data-toggle="modal" data-target="#myModa0">编辑</a>  <a class="label label-primary user-delete">删除</a>  <a class="label label-danger" data-toggle="modal" data-target="#myModal">选择人员</a></td></tr>
        <tr><td>4</td><td>友之子</td><td><a class="label label-primary user-edit" data-toggle="modal" data-target="#myModa0">编辑</a>  <a class="label label-primary user-delete">删除</a>  <a class="label label-danger" data-toggle="modal" data-target="#myModal">选择人员</a></td></tr>
        <tr><td>5</td><td>南常区域/南京公司</td><td><a class="label label-primary user-edit" data-toggle="modal" data-target="#myModa0">编辑</a>  <a class="label label-primary user-delete">删除</a>  <a class="label label-danger" data-toggle="modal" data-target="#myModal">选择人员</a></td></tr>
        <tr><td>6</td><td>南常区域/常州公司</td><td><a class="label label-primary user-edit" data-toggle="modal" data-target="#myModa0">编辑</a>  <a class="label label-primary user-delete">删除</a>  <a class="label label-danger" data-toggle="modal" data-target="#myModal">选择人员</a></td></tr>
        <tr><td>7</td><td>南方区域/苏州公司</td><td><a class="label label-primary user-edit" data-toggle="modal" data-target="#myModa0">编辑</a>  <a class="label label-primary user-delete">删除</a>  <a class="label label-danger" data-toggle="modal" data-target="#myModal">选择人员</a></td></tr>
        <tr><td>8</td><td>南方区域/无锡公司</td><td><a class="label label-primary user-edit" data-toggle="modal" data-target="#myModa0">编辑</a>  <a class="label label-primary user-delete">删除</a>  <a class="label label-danger" data-toggle="modal" data-target="#myModal">选择人员</a></td></tr>
        <tr><td>9</td><td>中西部北方区域/徐州公司</td><td><a class="label label-primary user-edit" data-toggle="modal" data-target="#myModa0">编辑</a>  <a class="label label-primary user-delete">删除</a>  <a class="label label-danger" data-toggle="modal" data-target="#myModal">选择人员</a></td></tr>
        <tr><td>10</td><td>中西部北方区域/山东公司</td><td><a class="label label-primary user-edit" data-toggle="modal" data-target="#myModa0">编辑</a>  <a class="label label-primary user-delete">删除</a>  <a class="label label-danger" data-toggle="modal" data-target="#myModal">选择人员</a></td></tr>
        <tr><td>11</td><td>中西部北方区域/武汉公司</td><td><a class="label label-primary user-edit" data-toggle="modal" data-target="#myModa0">编辑</a>  <a class="label label-primary user-delete">删除</a>  <a class="label label-danger" data-toggle="modal" data-target="#myModal">选择人员</a></td></tr>
        </tbody>
    </table>
    
    <div class="modal fade" id="myModa0"  role="dialog" aria-hidden="true">
      <div class="modal-dialog zubie">
        <div class="modal-content">
          <div class="modal-header">
            <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">&times;</span></button>
          </div>
          <div class="modal-body">
          		<div>
                	<div class="zubie_name1">输入级别：</div>
                	<div class="zubie_name2"><input class="form-control name1" value=""></div>
                </div>
                <div>
                	<div class="zubie_name1">组别名称：</div>
                	<div class="zubie_name2"><input class="form-control name2"  value=""></div>
                </div>
          </div>
          <div class="modal-footer">
            <button type="button" class="btn" data-dismiss="modal">取消</button>
            <button type="button" class="btn btn-primary" id="addzubie">确定</button>
          </div>
        </div>
      </div>
    </div>
    
	<div  class="modal fade" id="myModal" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
    	<div class="modal-dialog" style="width:800px;">
        <div class="modal-content">
          <div class="modal-header">
            <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">&times;</span></button>
            <h4 class="modal-title" id="myModalLabel">给下列员工增加组别</h4>
          </div>
          <div class="modal-body">
             <ul class="mingdan">
             	<li><label class="user"><input name="" type="checkbox" value="" />付嘉</label></li>
                <li><label class="user"><input name="" type="checkbox" value="" />吴烨</label></li>
                <li><label class="user"><input name="" type="checkbox" value="" />屈蕾</label></li>
                <li><label class="user"><input name="" type="checkbox" value="" />朱晓波</label></li>
                <li><label class="user"><input name="" type="checkbox" value="" />汤蓉</label></li>
                <li><label class="user"><input name="" type="checkbox" value="" />徐霞</label></li>
                <li><label class="user"><input name="" type="checkbox" value="" />李惠</label></li>
                <li><label class="user"><input name="" type="checkbox" value="" />曾慧</label></li>
             </ul>
          </div>
          <div class="modal-footer">
            <button type="button" class="btn" data-dismiss="modal">取消</button>
            <button type="button" class="btn btn-primary">提交</button>
          </div>
        </div>
      </div>
    </div>
  
	
</div>



</div>
</div>
<script>
	$(function() {
		$('#home').find('tbody').sortable({animation: 150});
	});
	
	//window.onload = function(){
    	//var wrapper = document.getElementById('home').getElementsByTagName('tbody')[0];
		//console.log(wrapper);
    	//Sortable.create(wrapper,{animation: 150,});
	//}
</script>
</body>
</html>